<%-- 
    Document   : creerrole
    Created on : 28 févr. 2012, 11:36:43
    Author     : tidiane
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
            <link rel ="stylesheet" type ="text/css" href = "libs/bootstrap/css/bootstrap.css" />
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
            </script>
            <link rel = "icon" href = "media/images/favicon.ico"/>
            <script type = "text/javascript" src = "http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js" ></script>
            <script type = "text/javascript">
                $(document).ready(function (){
                    $("#save-projet").click(function (){
                        // validation 
                        if ($("#libelle").val() != "" && $("#description").val() != "" ){
                            $("#nouveau-projet").submit();
                        } 
                        else{
                            alert (" Saisissez les informations du rôle ! ");
                        }
                    })
                })
            </script>
    </head>
    <body>
        <div id="creerprojets" >
        <div class="modal-header">
            <a class="close" data-dismiss="modal" >&times;</a>
            <h3>
                Création d'un nouveau rôle 
            </h3>
        </div>
        <div class="modal-body" >
            <form id ="nouveau-projet" method = "post" action = "creerprojet" class="form-horizontal">
                <fieldset>

                <div class="control-group">
                    <label class="control-label" for="libelle">Libellé </label>
                    <div class="controls">
                    <input type="text" class="input-xlarge" id="libelle" name ="libelle">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="textarea">Description</label>
                    <div class="controls">
                    <textarea class="input-xlarge" id="description" name ="description"rows="4"></textarea>
                    </div>
                </div>
                </div>
                </fieldset>
            </form>
        </div>
            <div class ="modal-footer">
                <input id = "save-projet" class ="btn btn-primary"type="button" value = "Enregister">
            </div>
        </div>
    <body>
</html>